<template>
	<view>
		<view class="video">
			<video id="myVideo" poster="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1407335370,4125449451&fm=26&gp=0.jpg" :autoplay="false" :muted="true" src="https://vd4.bdstatic.com/mda-jdru2en34rfx8we1/sc/mda-jdru2en34rfx8we1.mp4" controls></video>
			<view><text>好看视频最佳影片获奖作品——《心目》</text></view>
		</view>
		<view class="video">
			<video poster="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3101694723,748884042&fm=26&gp=0.jpg" :autoplay="false" :muted="true" src="https://vd3.bdstatic.com/mda-kant9w6dyuzq5kep/v1-cae/sc/mda-kant9w6dyuzq5kep.mp4" controls></video>
			<view><text>好看视频最佳影片获奖作品——《心目》</text></view>
		</view>
		<view class="video">
			<video poster="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3594227056,3596713408&fm=26&gp=0.jpg" :autoplay="false" :muted="true" src="https://vd2.bdstatic.com/mda-kbcqe0z700kn1pvp/v1-cae/mda-kbcqe0z700kn1pvp.mp4" controls></video>
			<view><text>好看视频最佳影片获奖作品——《心目》</text></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onReady: function (res) {
		        this.videoContext = uni.createVideoContext('myVideo')
		    },
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.video{
		background-color: #C0C0C0;
		border-bottom: 15rpx solid orange;
		video{
			display: block;
			width: 98%;
			height: 500rpx;
			margin: auto;
		}
		text{
			font-size: 40rpx;
			font-weight: 700;
			margin: 10rpx;
		}
	}

</style>
